<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>团队成员</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
</head>
<body>
<div th:replace="fragments/header :: header"></div>

<div class="container mt-4">
    <h1 class="mb-4">团队成员</h1>

    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="https://picsum.photos/seed/user1/300/200" class="card-img-top" alt="用户头像">
                <div class="card-body">
                    <h5 class="card-title">张三</h5>
                    <p class="card-text">项目经理</p>
                    <a href="#" class="btn btn-primary">查看详情</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="https://picsum.photos/seed/user2/300/200" class="card-img-top" alt="用户头像">
                <div class="card-body">
                    <h5 class="card-title">李四</h5>
                    <p class="card-text">前端开发</p>
                    <a href="#" class="btn btn-primary">查看详情</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="https://picsum.photos/seed/user3/300/200" class="card-img-top" alt="用户头像">
                <div class="card-body">
                    <h5 class="card-title">王五</h5>
                    <p class="card-text">后端开发</p>
                    <a href="#" class="btn btn-primary">查看详情</a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="https://picsum.photos/seed/user4/300/200" class="card-img-top" alt="用户头像">
                <div class="card-body">
                    <h5 class="card-title">赵六</h5>
                    <p class="card-text">UI/UX设计</p>
                    <a href="#" class="btn btn-primary">查看详情</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="https://picsum.photos/seed/user5/300/200" class="card-img-top" alt="用户头像">
                <div class="card-body">
                    <h5 class="card-title">孙七</h5>
                    <p class="card-text">测试工程师</p>
                    <a href="#" class="btn btn-primary">查看详情</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:replace="fragments/footer :: footer"></div>
</body>
</html>